<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>武汉城市职业学院 - 新闻列表</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <div class="container">
            <h1>武汉城市职业学院</h1>
            <nav>
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">新闻动态</a></li>
                    <li><a href="#">服务指南</a></li>
                    <li><a href="#">联系我们</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <main>
        <section class="wuhan-news">
            <div class="container">
                <h2>武汉要闻</h2>
                <div class="news-items">
                    <div class="news-item">
                        <h3><a href="detail.html?id=1">AI+桥梁监测=? 一起来看他们的答案</a></h3>
                        <p>随着科技的发展，AI在桥梁监测中的应用越来越广泛。本文将详细介绍AI如何帮助提高桥梁监测的效率和准确性。</p>
                        <span>2024-11-27</span>
                    </div>
                    <div class="news-item">
                        <h3><a href="detail.html?id=2">武城“职教出海”又结硕果！乌干达学员参加技能大赛喜...</a></h3>
                        <p>武汉城市职业学院的国际教育项目再次取得佳绩，乌干达学员在国际技能大赛中获得优异成绩。</p>
                        <span>2024-11-26</span>
                    </div>
                    <div class="news-item">
                        <h3><a href="detail.html?id=3">学校党委调研思政课建设情况</a></h3>
                        <p>学校党委近期对思政课建设情况进行了一次全面调研，旨在进一步提升思政课的教学质量和效果。</p>
                        <span>2024-11-25</span>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <footer>
        <div class="container">
            <p>&copy; 2024 武汉城市职业学院. All rights reserved.</p>
        </div>
    </footer>
</body>
</html>